
import styled from 'styled-components'

const RechargeStyled = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  div.wrap{
    width: 100%;
    padding: 0 .15rem;
    div.inputMoneyView{
      width:100%;
      height: 2.42rem;
      background-color: #fff;
      opacity:1;
      border-radius:0 0 .1rem .12rem;
      box-shadow: 0 .02rem .04rem #ddd;
      padding: .1rem;
      display:flex;
      flex-direction: column;
      p.ptit{
        width: 100%;
        text-align: center;
        height: .24rem;
        line-height: .24rem;
        color: #0e0e0e;
        font-size: .17rem;
        margin-bottom: .2rem;
      }
      p.ptip{
        color: #0e0e0e;
        font-size: .13rem;
        margin-bottom: .1rem;

      }
      div.input{
        width: 100%;
        height: .5rem;
        border-bottom: 1px solid #EBEBEB;
        display: flex;
        overflow: hidden;
        span.moneybz{
          width:.3rem;
          height: .5rem;
          line-height: .5rem;
          font-size: .3rem;
        }
        input{
          flex-grow: 1;
          flex-shrink:1;
          height: .49rem;
          line-height:.49rem;
          font-size: .3rem;
          vertical-align: center;
          overflow: hidden;
          ::-webkit-input-placeholder { 
            /* WebKit browsers */
            color: #C0C0C0;
            font-size: .11rem;
            transform: translate(0, -.05rem);

          }

          ::-moz-placeholder { 
            /* Mozilla Firefox 19+ */
            color: #C0C0C0;
            font-size: .11rem;
            transform: translate(0, -.05rem);
           

          }

          :-ms-input-placeholder { 
            /* Internet Explorer 10+ */ 
            color: #C0C0C0;
            font-size: .11rem;
            transform: translate(0, -.05rem);

          }  
        }
      }

    }
  }
  div.payType{
    display: flex;
    justify-content: space-around;
    margin-top:.2rem;
  }
  div.btnWrap{
    width:100%;
    padding:0 .26rem;
  }
  p.tip{
    color:#C0C0C0;
    font-size: .11rem;
  }
`

export { RechargeStyled}